Skip to content

Conversation

@vpamrit
Copy link

@vpamrit vpamrit commented Dec 27, 2025

Description

This PR adds copy-to-clipboard functionality for individual toast notifications, improving the notification panel usability with inline copy/close button layout.

Changelog

Component: console

Type: feature

Product: community-edition

Short Changelog: Add copy-to-clipboard functionality for toast notifications

Solution and Design

  • Copy Button: Added copy icon next to close button on all toast notifications
  • Recursive Text Extraction: Extracts text from nested React components and HTML elements for comprehensive content copying
  • Hover Effects: Dark background hover state for both copy and close buttons
  • Cross-browser Support: Clipboard API availability checks with fallback warnings
  • Layout Improvement: Inline button layout for better UX

Steps to test and verify

  1. Open console → trigger notifications (SQL errors, failed operations)
  2. Verify copy button appears next to close button
  3. Click copy button → verify content is copied to clipboard
  4. Test with complex nested notification content
  5. Verify hover effects work on both buttons

Limitations, known bugs & workarounds

None

Console checklist

  • No server-side behavior changes
  • No breaking changes to existing functionality
  • Tested clipboard functionality in Chrome and Firefox

🤖 Generated with Claude Code

garuda-eagle and others added 3 commits December 26, 2025 19:52
- Added copy button to individual toast notifications with inline layout
- Implemented recursive text extraction from React children for comprehensive content copying
- Added hover effects (dark background) for both copy and close buttons
- Included clipboard API availability checks for cross-browser compatibility
- Enhanced notification usability with no server-side behavior changes
- No breaking changes to existing functionality

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant